<template>
	<view class="page-index">
		<view class="title">
			<view :class="[form.type==item.type?'title-change':'title-box']" v-for="(item,index) in title" :key="index" @click="indexChange(item)">
				{{item.name}}
			</view>
		</view>
		<HomeList :homeList='homeList' v-if="form.type==1" />
		<view class="List" v-for="(item,index) in List" :key="index" @click="details(item)" v-if="form.type==2">
			<view class="header">
				<image :src="item.avatar" mode="" style="width: 60rpx;height: 60rpx;border-radius: 50%;"></image>
				<view class="box">
					<view class="name">
						{{item.nickname}}
					</view>
					<view class="time">
						{{item.time}}
					</view>
				</view>
			</view>
			<view class="title">
				<view class="title-item1">
					{{item.title}}
				</view>
			</view>
			<!-- 			<view class="address">
				{{item.address}}
			</view> -->
			<view class="remarks">
				{{item.text?item.text:''}}
			</view>
			<view class="image-box" v-if="item.images">
				<image :src="items" mode="" v-for="(items,indexs) in item.images" :key="indexs" class="image"></image>
			</view>
			<view class="space">
			</view>
		</view>
		<!-- 		<view class="noList" v-if="!homeList">
			<image src="../../../static/home/noSpace.png" mode=""></image>
		</view> -->
		<!-- 触底加载 -->
		<view class="loadmore">{{ reachBottom ? '加载更多' : '暂无更多' }}</view>
	</view>
</template>
<script src="./page.js"></script>

<style scoped lang="scss">
	@import "page.scss";
</style>
